* {
  padding: 0;
  margin: 0;
}
.bgc {
  width: 100vw;
  height: 100vh;
  background-image: url(../images/ft2_7b1439.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #86a5d3;
  overflow: hidden;
}
.container {
  position: relative;
  top: 50vh;
  width: 750px;
  height: 240px;
  animation: cont 20s linear infinite;
}
@keyframes cont {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(-15rem);
  }
}
/* 第一个 */
.west-01 {
  position: absolute;
  height: 180px;
  width: 200px;
  background-image: url(../images/west_01_3ca39fe.png);
  background-repeat: no-repeat;
  animation: pay01 1.4s steps(8) infinite;
}
@keyframes pay01 {
  0% {
    background-position: 0, 0;
  }
  100% {
    background-position: -1600px, 0;
  }
}
/* 第一个 */
.west-02 {
  position: absolute;
  height: 180px;
  width: 200px;
  background-image: url(../images/west_02_47bad19.png);
  background-repeat: no-repeat;
  animation: pay02 1.4s steps(8) infinite;
  left: 200px;
}
@keyframes pay02 {
  0% {
    background-position: 0, 0;
  }
  100% {
    background-position: -1600px, 0;
  }
}
/* 第3个 */
.west-03 {
  position: absolute;
  height: 240px;
  width: 170px;
  background-image: url(../images/west_03_f962447.png);
  background-repeat: no-repeat;
  animation: pay03 1.4s steps(8) infinite;
  left: 400px;
  top: -26px;
}
@keyframes pay03 {
  0% {
    background-position: 0, 0;
  }
  100% {
    background-position: -1360px, 0;
  }
}
/* 第4个 */
.west-04 {
  position: absolute;
  width: 200px;
  height: 180px;
  background-image: url(../images/west_04_6516d80.png);
  background-repeat: no-repeat;
  animation: pay04 1.4s steps(8) infinite;
  left: 570px;
}
@keyframes pay04 {
  0% {
    background-position: 0, 0;
  }
  100% {
    background-position: -1680px, 0;
  }
}
